<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  document.getElementById('container').style.borderColor = "green";
}
onload = runRepaintAndPixelTest;
</script>
<style>
#container {
  overflow: scroll;
  width: 200px;
  height: 200px;
  border: 5px solid red;
}
#content {
  width: 400px;
  height: 400px;
}
</style>
<div style="height: 100px">
Tests invalidation of scrolling container and contents on change of style which affects the container only.
Passes if there is no red, and only the container is invalidated.
</div>
<div id="container">
  <div id="content">CONTENT</div>
</div>
